<template>
  <div>
    <div class="">
      <div class="cusAvatar img-box">
        <img class="img-center" :src="cusInfo.avatar" />
      </div>
      <div class="cusName">{{ cusInfo.name }}</div>
    </div>

    <div @click="linkto('/editPlayer')">编辑玩家角色</div>
    <van-cell title="角色管理" @click="linkto('/editPlayer')"> </van-cell>
    <van-cell title="收货地址管理" @click="linkto('/editAddress')" />
    <van-cell title="积分充值管理" />

    <van-cell title="文本" />
    <van-cell title="文本" />
    <van-cell title="文本" />

    <div class="">
      订单管理，跟踪物流信息，实现玩具归还功能（后续关联玩具折损体系）
    </div>
    <div class=""></div>

    1. （用时）：3 2. 编辑一个角色对象，本版本属性待定 4. 删除角色 1.
    （用时）：3 5. 新建收货地址 1. （用时）：3 2. 6. 编辑收货地址 1. （用时）：3
    2. 可能使用地图定位（用时）：3 3. 坐标转地址字符串 7. 加载出生点（门店 id）
    1. （用时）：3 2. 可能使用地图定位（用时）：3 8. 库存 list 1. （用时）：4 2.
    本版本只收录列表数量
    <bottonNav></bottonNav>
  </div>
</template>
<script>
import { bus } from '@/main.js';
import { mapState, mapMutations } from 'vuex';
export default {
  name: 'index',
  components: {
    bottonNav: () => {
      return import('@/components/bottomNav.vue');
    },
  },
  data() {
    return {
      isDev: process.env.NODE_ENV == 'development',
      cusInfo: {
        avatar:
          'https://img1.baidu.com/it/u=1068174374,1327570642&fm=253&fmt=auto&app=138&f=JPEG',
        name: '东山奈央',
      },
    };
  },
  computed: {
    ...mapState(['cusInfo']),
  },
  watch: {},
  methods: {
    linkto: function(path) {
      this.$router.push(path);
    },
  },
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
@import url('./../assets/config.less');
@import url('./../assets/index.less');

.cusAvatar {
  width: 96px;
  height: 96px;
}
</style>
